<!--
 * @Author: your name
 * @Date: 2020-11-20 15:37:33
 * @LastEditTime: 2021-02-22 15:57:23
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \sende_nuxt\components\common\banner.vue
-->
<template>
    <div class="banner text_c relative">
      <img
        class="img"
        v-lazy="bannerImg"
        :alt="alt"
        :style="{height: h_height}"
      />
      <slot name="txt"></slot>
    </div>
</template>

<script>
export default {
    props: {
        bannerImg: {
            type: String,
            defualt: ''
        },
        alt: {
            type: String,
            defualt: 'img'
        },
        h_height: {
            type: String,
            defualt: 'auto'
        }
    }
}
</script>

<style lang="scss" scoped>
  .banner,
  .banner .img {
      width: 100%;

  }
</style>